<template>
	<view>
		<uni-section title="面包屑" type="line" padding="">
			<uni-breadcrumb >
				<uni-breadcrumb-item v-for="(route,index) in routes" :key="index" :to="route.to">{{route.name}}</uni-breadcrumb-item>
			</uni-breadcrumb>
		</uni-section>
		<uni-section title="面包屑" type="line" padding="">
			<uni-breadcrumb separator="|">
				<uni-breadcrumb-item v-for="(route,index) in routes" :key="index" :to="route.to">{{route.name}}</uni-breadcrumb-item>
			</uni-breadcrumb>
		</uni-section>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				routes: [ {
					to: '/pages/index/index',
					name: '首页'
				}, {
					to: '',
					name: '菜单 A'
				}, {
					to: '',
					name: '菜单 B'
				}]
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
